<template>
  <div>测试
    <!-- data传入树形数组
    props可以自定义label/children字段名
    default-expand-all 默认展开所有 -->
    <el-tree
      :data="dept"
      :props="{label:'name'}"
      default-expand-all
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
    // 部门数组，不算是最顶级公司的那一层
    // name指的是当前节点的名称
    // 如果你有下级节点用chiildren存放
    // 各层之间结构相同
      dept: [
        { name: '财务部' },
        {
          name: '技术部',
          children: [
            {
              name: 'java研发部'
            }
          ]
        },
        { name: '人事部' }
      ]
    }
  }
}
</script>

<style>

</style>
